<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>后台系统</title>
    <!-- Favicon -->
    <link rel="shortcut icon" href="../src/images/favicon.ico"/>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../src/css/bootstrap.min.css">
    <!-- Typography CSS -->
    <link rel="stylesheet" href="../src/css/typography.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="../src/css/style.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="../src/css/responsive.css">
    <script>
        $(function () {
            $("#menu").load("menus.html");
            $("#navigation").load("navigation-bar.html");
            $("#bottom").load("bottom-bar.html");
        });
    </script>
</head>
<body>
<!-- loader Start -->
<div id="loading">

</div>
<!-- loader END -->
<!-- Wrapper Start -->
<div class="wrapper">
    <!-- Sidebar  -->
    <div class="iq-sidebar">
        <div class="iq-sidebar-logo d-flex justify-content-between">
            <a href="index.html">
                <img src="../src/images/logo.gif" class="img-fluid" alt="">
                <span>DaLao</span>
            </a>
            <div class="iq-menu-bt align-self-center">
                <div class="wrapper-menu">
                    <div class="line-menu half start"></div>
                    <div class="line-menu"></div>
                    <div class="line-menu half end"></div>
                </div>
            </div>
        </div>
        <div id="sidebar-scrollbar">
            <div id="menu"></div>
            <div class="p-3"></div>
        </div>
    </div>
    <!-- TOP Nav Bar -->
    <div class="iq-top-navbar">
        <div class="iq-navbar-custom">
            <div class="iq-sidebar-logo">
                <div class="top-logo">
                    <a href="index.html" class="logo">
                        <img src="../src/images/logo.gif" class="img-fluid" alt="">
                        <span>Dalao</span>
                    </a>
                </div>
            </div>
            <div class="navbar-breadcrumb">
                <h5 class="mb-0">资讯主页2</h5>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">主页</a></li>
                        <li class="breadcrumb-item active" aria-current="page">资讯主页2</li>
                    </ol>
                </nav>
            </div>
            <div id="navigation"></div>
        </div>
    </div>
    <!-- TOP Nav Bar END -->
    <!-- Page Content  -->
    <div id="content-page" class="content-page">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-7">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">团队任务</h4>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <div id="chart-task" style="height: 370px;"></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="iq-card">
                                <div class="iq-card-body tasks-box">
                                    <div class="d-flex align-items-center">
                                        <a href="#" class="iq-icon-box rounded-circle iq-bg-primary mr-3">
                                            <i class="ri-file-shield-line"></i>
                                        </a>
                                        <div>
                                            <h6>项目:</h6>
                                            <h3>2500</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="iq-card">
                                <div class="iq-card-body tasks-box">
                                    <div class="d-flex align-items-center">
                                        <a href="#" class="iq-icon-box rounded-circle iq-bg-success mr-3">
                                            <i class="ri-check-line"></i>
                                        </a>
                                        <div>
                                            <h6>已完成:</h6>
                                            <h3>1500</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="iq-card">
                                <div class="iq-card-body tasks-box">
                                    <div class="d-flex align-items-center">
                                        <a href="#" class="iq-icon-box rounded-circle iq-bg-info mr-3">
                                            <i class="ri-ball-pen-line"></i>
                                        </a>
                                        <div>
                                            <h6>进行中:</h6>
                                            <h3>500</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="iq-card">
                                <div class="iq-card-body tasks-box">
                                    <div class="d-flex align-items-center">
                                        <a href="#" class="iq-icon-box rounded-circle iq-bg-danger mr-3">
                                            <i class="ri-close-line"></i>
                                        </a>
                                        <div>
                                            <h6>逾期的:</h6>
                                            <h3>500</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="iq-card">
                                <div class="iq-card-header d-flex justify-content-between">
                                    <div class="iq-header-title">
                                        <h4 class="card-title">热门查询</h4>
                                    </div>
                                </div>
                                <div class="iq-card-body tasks-box">
                                    <div class="d-flex align-items-center judtify-content-between mb-3">
                                        <h5 class="col-sm-6 pl-0">UI/UX设计</h5>
                                        <div class="col-sm-6 p-0 iq-progress-bar">
                                            <span class="bg-primary" data-percent="65"></span>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center judtify-content-between mb-3">
                                        <h5 class="col-sm-6 pl-0">产品设计</h5>
                                        <div class="col-sm-6 p-0 iq-progress-bar">
                                            <span class="bg-info" data-percent="35"></span>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-center judtify-content-between">
                                        <h5 class="col-sm-6 pl-0">测试</h5>
                                        <div class="col-sm-6 p-0 iq-progress-bar">
                                            <span class="bg-success" data-percent="80"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="iq-card">
                        <div class="iq-card-body">
                            <div id="chart-home3-01"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">进度跟踪</h4>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <ul class="task-lists m-0 p-0">
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="user-img img-fluid"><img src="../src/images/user/01.jpg" alt="story-img"
                                                                         class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                        <h6>创建新主页</h6>
                                        <p class="mb-0 font-size-12">2020年2月14日</p>
                                    </div>
                                </li>
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="user-img img-fluid"><img src="../src/images/user/02.jpg" alt="story-img"
                                                                         class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                        <h6>重新设计仪表板</h6>
                                        <p class="mb-0 font-size-12">2020年2月12日</p>
                                    </div>
                                </li>
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="user-img img-fluid"><img src="../src/images/user/03.jpg" alt="story-img"
                                                                         class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                        <h6>分析新产品</h6>
                                        <p class="mb-0 font-size-12">2020年2月10日</p>
                                    </div>
                                </li>
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="user-img img-fluid"><img src="../src/images/user/04.jpg" alt="story-img"
                                                                         class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                        <h6>Ubdate仪表板3</h6>
                                        <p class="mb-0 font-size-12">2020年2月12日</p>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="user-img img-fluid"><img src="../src/images/user/05.jpg" alt="story-img"
                                                                         class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                        <h6>你好，支持提示</h6>
                                        <p class="mb-0 font-size-12">2020年2月14日</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">活动</h4>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <ul class="task-lists m-0 p-0">
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="profile-icon iq-bg-primary"><span>B</span></div>
                                    <div class="media-support-info ml-3">
                                        <h6>鲍勃·弗雷普斯</h6>
                                        <p class="mb-0 font-size-12">用户体验设计设计师</p>
                                    </div>
                                </li>
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="profile-icon iq-bg-info"><span>P</span></div>
                                    <div class="media-support-info ml-3">
                                        <h6>佩奇·特纳</h6>
                                        <p class="mb-0 font-size-12">Wordpress上的开发者</p>
                                    </div>
                                </li>
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="profile-icon iq-bg-danger"><span>A</span></div>
                                    <div class="media-support-info ml-3">
                                        <h6>安娜·穆尔</h6>
                                        <p class="mb-0 font-size-12">UI设计上的设计器</p>
                                    </div>
                                </li>
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="profile-icon iq-bg-success"><span>P</span></div>
                                    <div class="media-support-info ml-3">
                                        <h6>保罗·莫利夫</h6>
                                        <p class="mb-0 font-size-12">完善用户体验设计</p>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="profile-icon iq-bg-warning"><span>A</span></div>
                                    <div class="media-support-info ml-3">
                                        <h6>安娜·塞西娅</h6>
                                        <p class="mb-0 font-size-12">完善用户界面设计</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">项目</h4>
                            </div>
                            <div class="iq-card-header-toolbar d-flex align-items-center">
                                <div class="dropdown">
                              <span class="dropdown-toggle text-primary" id="dropdownMenuButton01"
                                    data-toggle="dropdown">
                              <i class="ri-more-2-fill"></i>
                              </span>
                                    <div class="dropdown-menu dropdown-menu-right"
                                         aria-labelledby="dropdownMenuButton01">
                                        <a class="dropdown-item" href="#"><i class="ri-eye-fill mr-2"></i>视图</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-delete-bin-6-fill mr-2"></i>删除</a>
                                        <a class="dropdown-item" href="#"><i class="ri-pencil-fill mr-2"></i>编辑</a>
                                        <a class="dropdown-item" href="#"><i class="ri-printer-fill mr-2"></i>打印</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-file-download-fill mr-2"></i>下载</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <div class="table-responsive">
                                <table class="table mb-0 table-borderless">
                                    <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">项目名称</th>
                                        <th scope="col">开始时间</th>
                                        <th scope="col">结束时间</th>
                                        <th scope="col">状态</th>
                                        <th scope="col">分配</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>NobleUI jQuery</td>
                                        <td>2019/01/01</td>
                                        <td>2019/04/26</td>
                                        <td><span class="badge badge-danger">释放</span></td>
                                        <td>莱昂纳多·佩恩</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>NobleUI Angular</td>
                                        <td>2019/01/01</td>
                                        <td>2019/04/26</td>
                                        <td><span class="badge badge-success">复习</span></td>
                                        <td>卡尔·汉森。</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>NobleUI ReactJs</td>
                                        <td>2019/01/05</td>
                                        <td>2019/09/10</td>
                                        <td><span class="badge badge-info">悬而未决的</span></td>
                                        <td>詹森·库姆斯</td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>NobleUI VueJs</td>
                                        <td>2019/01/01</td>
                                        <td>2019/11/31</td>
                                        <td>
                                            <span class="badge badge-warning text-white">进行中的工作</span>
                                        </td>
                                        <td>阿米亚·伯顿</td>
                                    </tr>
                                    <tr>
                                        <td>5</td>
                                        <td>NobleUI Laravel</td>
                                        <td>2019/01/01</td>
                                        <td>2019/12/31</td>
                                        <td><span class="badge badge-danger">马上就来</span></td>
                                        <td>亚雷特兹</td>
                                    </tr>
                                    <tr>
                                        <td>6</td>
                                        <td>NobleUI NodeJs</td>
                                        <td>2019/01/01</td>
                                        <td>2019/12/31</td>
                                        <td><span class="badge badge-primary">马上就来</span></td>
                                        <td>卡尔·汉森</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">用户列表</h4>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <ul class="perfomer-lists m-0 p-0">
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="user-img img-fluid"><img src="../src/images/user/01.jpg" alt="story-img"
                                                                         class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                        <h6>保罗·莫利夫</h6>
                                        <p class="mb-0 font-size-12">医学博士</p>
                                    </div>
                                    <div class="iq-card-header-toolbar d-flex align-items-center">
                                        <div class="dropdown">
                                       <span class="dropdown-toggle text-primary" id="dropdownMenuButton41"
                                             data-toggle="dropdown" aria-expanded="false" role="button">
                                          <i class="ri-more-2-line"></i>
                                       </span>
                                            <div class="dropdown-menu dropdown-menu-right" style="">
                                                <a class="dropdown-item" href="#"><i
                                                        class="ri-eye-line mr-2"></i>视图</a>
                                                <a class="dropdown-item" href="#"><i class="ri-bookmark-line mr-2"></i>任命</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="d-flex mb-4 align-items-center">
                                    <div class="user-img img-fluid"><img src="../src/images/user/02.jpg" alt="story-img"
                                                                         class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                        <h6>芭比·德怀尔</h6>
                                        <p class="mb-0 font-size-12">硕士</p>
                                    </div>
                                    <div class="iq-card-header-toolbar d-flex align-items-center">
                                        <div class="dropdown show">
                                       <span class="dropdown-toggle text-primary" id="dropdownMenuButton42"
                                             data-toggle="dropdown" aria-expanded="true" role="button">
                                          <i class="ri-more-2-line"></i>
                                       </span>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#"><i
                                                        class="ri-eye-line mr-2"></i>视图</a>
                                                <a class="dropdown-item" href="#"><i class="ri-bookmark-line mr-2"></i>任命</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">最近的活动</h4>
                            </div>
                            <div class="iq-card-header-toolbar d-flex align-items-center">
                                <div class="dropdown">
                              <span class="dropdown-toggle text-primary" id="dropdownMenuButton-5"
                                    data-toggle="dropdown">
                              <i class="ri-more-2-fill"></i>
                              </span>
                                    <div class="dropdown-menu dropdown-menu-right"
                                         aria-labelledby="dropdownMenuButton-5">
                                        <a class="dropdown-item" href="#"><i class="ri-eye-fill mr-2"></i>视图</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-delete-bin-6-fill mr-2"></i>删除</a>
                                        <a class="dropdown-item" href="#"><i class="ri-pencil-fill mr-2"></i>编辑</a>
                                        <a class="dropdown-item" href="#"><i class="ri-printer-fill mr-2"></i>打印</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-file-download-fill mr-2"></i>下载</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <div class="table-responsive">
                                <table class="table mb-0 table-borderless">
                                    <thead>
                                    <tr>
                                        <th scope="col">受让人</th>
                                        <th scope="col">主题</th>
                                        <th scope="col">状态</th>
                                        <th scope="col">上次更新</th>
                                        <th scope="col">跟踪ID</th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>保罗·莫利夫</td>
                                        <td>网站关闭一周</td>
                                        <td>
                                            <div class="badge badge-pill badge-success">运行</div>
                                        </td>
                                        <td>2019/12/30</td>
                                        <td>WD-12586</td>
                                    </tr>
                                    <tr>
                                        <td>安娜·穆尔</td>
                                        <td>未收到资金</td>
                                        <td>
                                            <div class="badge badge-pill badge-warning text-white">启动</div>
                                        </td>
                                        <td>2019/12/27</td>
                                        <td>WD-45869</td>
                                    </tr>
                                    <tr>
                                        <td>佩奇·特纳</td>
                                        <td>高装载时间</td>
                                        <td>
                                            <div class="badge badge-pill badge-danger">停止</div>
                                        </td>
                                        <td>2019/12/21</td>
                                        <td>WD-45896</td>
                                    </tr>
                                    <tr>
                                        <td>鲍勃·巴特勒</td>
                                        <td>失去对服务器的控制</td>
                                        <td>
                                            <div class="badge badge-pill badge-info">维护</div>
                                        </td>
                                        <td>2019/12/20</td>
                                        <td>WD-45689</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Wrapper END -->
<div id="bottom"></div>

</body><!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../src/js/jquery.min.js"></script>
<script src="../src/js/popper.min.js"></script>
<script src="../src/js/bootstrap.min.js"></script>
<!-- Appear JavaScript -->
<script src="../src/js/jquery.appear.js"></script>
<!-- Countdown JavaScript -->
<script src="../src/js/countdown.min.js"></script>
<!-- Counterup JavaScript -->
<script src="../src/js/waypoints.min.js"></script>
<script src="../src/js/jquery.counterup.min.js"></script>
<!-- Wow JavaScript -->
<script src="../src/js/wow.min.js"></script>
<!-- Apexcharts JavaScript -->
<script src="../src/js/apexcharts.js"></script>
<!-- Select2 JavaScript -->
<script src="../src/js/select2.min.js"></script>
<!-- Owl Carousel JavaScript -->
<script src="../src/js/owl.carousel.min.js"></script>
<!-- Magnific Popup JavaScript -->
<script src="../src/js/jquery.magnific-popup.min.js"></script>
<!-- Smooth Scrollbar JavaScript -->
<script src="../src/js/smooth-scrollbar.js"></script>
<!-- lottie JavaScript -->
<script src="../src/js/lottie.js"></script>
<!-- core JavaScript -->
<script src="../src/js/core.js"></script>
<!-- charts JavaScript -->
<script src="../src/js/charts.js"></script>
<!-- animated JavaScript -->
<script src="../src/js/animated.js"></script>
<!-- Chart Custom JavaScript -->
<script src="../src/js/chart-custom.js"></script>
<!-- Custom JavaScript -->
<script src="../src/js/custom.js"></script>
<script>
    $(function () {
        $("#menu").load("menus.html");
        $("#navigation").load("navigation-bar.html");
        $("#bottom").load("bottom-bar.html");
        $(".apexcharts-menu-item:eq(0)").text("下载 SVG").css("width", "80%");
        $(".apexcharts-menu-item:eq(1)").text("下载 PNG").css("width", "84%");
    });
</script>
</html>
